<!--<h2 id="post-header" class="font-weight-bold py-0">-->
<!--    {{ post.title }}-->
<!--    <div class="text-muted text-tiny mt-1"><small class="font-weight-normal">{{ post.date }}</small></div>-->
<!--</h2>-->

<div class="media-body pl-3">
    <h1 id="post-header">{{ post.title }}</h1>
    <div class="text-muted small"><em>{{ post.date }}</em>
        {% if post.tags.@count %}
        <span class="ml-2">标签:</span>
        {% for tag in post.tags %}
        <a href="{{ tag.url }}" class="badge badge-default align-text-bottom ml-1 text-muted">#{{ tag.name }}</a>
        {% /for %}
        {% /if %}
    </div>
</div>

<link rel="stylesheet" href="asset/chat.css">

<script type="text/javascript">
    jQuery(document).ready(function($) {
        // add toc to article element
        $("#article_with_toc").toc(
          {
              strip: true,
              stripAfter: 100,
              container: "#toc_container",
              scrollSpeed: 1,
              scrollOffset: 135
          });
    });
</script>

